@charset "utf-8";
/* Style Reset*/
body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote,h2,font
{ margin: 0; padding: 0; border:0;} 
input, button, textarea,select, optgroup, option { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit;}
ul, li, dl, dt, dd, ol { display: block; list-style: none; }
img{ border: 0;}
.fl{ float:left}.fr{ float:right}.clear { clear:both;height:0px; overflow:hidden}
a{text-decoration:none;outline:0;}
html{overflow-x:hidden; }
.center{ text-align:center;}
.center img{ border:1px solid #ccc;}
/* fixed */
.fixed{position:fixed;width:55px;height:212px;right:25px;bottom:50px;_position: absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));z-index:99999;}
.fixed a{display:block;width:55px;height:53px;}
.barbook{background:url(../images/fixed.jpg) 0 0 no-repeat;}
.barbook:hover{background-position:-54px 0;}
.fixed a.codepic{background:url(../images/fixed.jpg) 0 0 no-repeat;background-position:0 -53px;height:52px;}
.fixed a.codepic:hover{background-position:-54px -53px;}
.fixed div{position:relative;}
.fixed a.backup{background:url(../images/fixed.jpg) 0 0 no-repeat;background-position:0 -158px;height:52px;}
.fixed a.backup:hover{background-position:-54px -158px;height:53px;}
.fixed div img{position:absolute;left:-196px;width:196px;height:196px;top:-106px;display:none;}
/*header*/
body{color:#515d6b;font-size:12px; overflow-x:hidden;background:#fff; }
a{ color:#515d6b;}
.header{width:100%;min-width:1004px;height:68px;padding-top:16px; position:relative; z-index:9;background:#fff;}
.logo{ float:left;display:inline;}
.headerr{ float:right; width:366px;}
.tel{ float:right;width:380px;}
.tel span,.tel p{ width:348px;display:block; float:right; text-align:right;}
.tel span{background:url(../images/tel.gif) right center no-repeat; padding-right:30px; font:22px/26px 'Microsoft Yahei'; color:#da0c0c;}
.tel p{ color:#222c50;font:30px/40px 'Impact'; }
.notice{width:100%; height:60px; background:#0099FF; position:relative; z-index:999;}
.notice b{ float:left; color:#fff; font-size:14px; font-weight:normal; line-height:60px; font-family:'Microsoft Yahei'}
.notice marquee{ float:left; display:inline;margin-left:20px;width:400px; line-height:60px; color:#b4b4b4;}
.search{position:relative;padding-top:13px;float:right; width:373px;z-index:9999;height:32px;line-height:32px;display:inline; }
.text{float:left;width:237px; padding-left:5px;color:#252525;height:30px;line-height:30px; border:1px solid #d4d4d4;}
.button{float:left;width:33px; margin-left:3px;height:32px; display:inline;background:url(../images/button.gif) center top no-repeat;}
.select{float:left;width:82px; margin-left:3px; display:inline;background:url(../images/select.gif) left top no-repeat; position:relative}
.select select{margin:5px auto;width:80px;}
div.selectbox-wrapper{border: #d4d4d4 1px solid; overflow:hidden;width:80px; *left:0;position: absolute;background: #fff;text-align:left;*margin-top:0;z-index:10;}
div.selectbox-wrapper ul li.selected {background:#efefef;}
div.selectbox-wrapper ul li.current {color: #fff;background:#9ba8b8}
div.selectbox-wrapper ul li {text-align:center;padding-right:3px;padding-bottom:3px;width:100%;cursor:pointer;line-height: 20px;padding-top: 3px;font-size:12px;color:#252525;}
.selectbox{border:none;display:block;width:80px;text-indent:8px;cursor:pointer;background:none;font-size:12px;height:32px;line-height:32px;color:#252525;}

.menu{width:100%;height:70px;background:#F2F2F2;}
.menufra{ width:1004px; margin:0 auto; height:70px;}
.menu ul{ width:110%; height:70px;/*background:url(../images/menuline.gif) center left no-repeat;*/}
.menu li{float:left;/*background:url(../images/menuline.gif) center right no-repeat; margin:0 -1px;*/}
.menu li a{ display:block;width:125px;line-height:70px;text-align:center; font-size:18px; color:#505050; font-family:'Microsoft Yahei';-webkit-transition: all 0s ease-in-out 0s;-moz-transition: all 0s ease-in-out 0s;transition: all 0s ease-in-out 0s;}
.menu a:hover,.menu li.cur{background:url(../images/menuhover.gif) center  no-repeat;  position:relative;}
.menu li.cur a{}

.banner{ width:100%; position:relative;}


/* index*/
.aboutf{ width:980px; margin:0 auto; height:315px; padding:35px 0 0 0;}
.imgleft{ float:left; width:330px; height:250px; background:url(../images/abfra.jpg) right bottom no-repeat; padding:0 20px 20px 0;}
.abright{ float:right; width:590px;}
.abright p.name{ float:left; background:url(../images/abname.gif) left center no-repeat; padding:0 0 0 38px; height:55px;}
.abright p.name span{ display:block; font-size:24px; color:#da0c0c; font-family:'Microsoft Yahei'; font-weight: bold;}
.abright p.name em{ font-size:16px; font-family:Impact; font-style:normal; color:#222c50; text-transform:uppercase;}
.abright p.name em font{ color:#d40000;}
.abright p.con{ font-family:'Microsoft Yahei'; float:left; width:590px; line-height:26px; height:156px; padding:10px 0 0 0; overflow:hidden; color:#747474; font-size:14px;}
.abmore{ float:left; width:104px; height:40px; background:#222c50; color:#fff; font-size:14px;font-family:'Microsoft Yahei'; text-align:center; line-height:40px; display:inline; margin:10px 0 0 0;}

.product{overflow:hidden; position:relative;width:100%;height:530px;background:#f0f0f0; border-top:1px solid #dcdcdc; borde/r-bottom:1px solid #dcdcdc;  padding-top:60px;}
.prosearch{ float:left; width:100%; padding-top:15px;}
.psearch{ margin:0 auto;width:254px;height:30px;background:url(../images/prosearch.gif) top left no-repeat;}
.search_text{float:left;width:190px;  background:none;color:#a1a2a4;height:30px;font:14px/30px 'Microsoft Yahei';padding-left:16px;}
.search_but{float:right;width:35px;  height:28px; background:none}

.pro_lanfra{  margin:0 auto; width:980px; heigh/t:50px; text-align:center; font-size:14px; color:#4e6990;  line-height:30px; padding:0 0 25px 0;}
.pro_lanfra a{color:#222c50; background:#eaeaea; padding:1px 8px; border-radius:5px; display:inline-block;*display:inline;*zoom:1; }
.pro_lanfra a:hover{color:#fff; background:#da0c0c;}
.pro_lanfra a.cur{color:#fff; background:#da0c0c;}
.pro_lanfra a.promore{color:#ff002a;}
.pro_lanfra a.promore:hover{color:#ff002a; background:#d7d7d7;}
.pro_lanfra span{ position:relative; margin:0 0 0 6px;}
.pro_lanfra span .nnn{ width:800px; position:absolute; left:6px; top:20px;*top:25px; display:none; padding:5px 0 0 0; z-index:9; text-align:left;}
.pro_lanfra span .nnn .nnfra{ float:left; background:#262216;  bord/er-radius:5px; color:#fff;line-height:20px; }
.pro_lanfra span .nnn .nnfra a{ background:none; display:inline; float:none; color:#fff; font-size:12px; line-height:20px; }
.pro_lanfra span .nnn .nnfra a:hover{ background:none; display:inline; color:#b72d16; }

.product li{ position:absolute; z-index:9;width:220px;float:left; margin-left:20px; display:inline;}
.product li a{background:#222c50;width:220px; display:block; top:0; position:absolute; left:0;}
.proname{ display:block; height:32px; text-align:center; line-height:32px;color:#fff;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:220px;  padding:0;font-size:14px; }
.product li a em{ display:none; position:absolute; border:1px solid #da0c0c; width:208px; height:153px; left:5px; top:5px;}
.product li a:hover{ top:-30px;}
.product li a:hover p{ background:#da0c0c;}
.product li a:hover em{ display:block;}
.view-port {overflow: hidden; padding-top:30px; float:left;position: relative; width:980px;}
.track a.prev,.track a.next { display:none;}
.track a.prev.disabled,.track a.next.disabled { display: none;}
.slider-container {position: relative;height:228px;}
.bullet-pagination {width: 100%;text-align: center; float:left; padding-top:10px;}
.bullet {display: inline-block;background: #222c50; width:15px; height:15px;border-radius:10px;margin:0 8px;}
.bullet.active { background:#da0c0c; }


.pro_list li{ width:220px; overflow:hidden; height:197px; float:left; margin:0 12px 30px; display:inline;}
.pro_list li a{background:#222c50; display:block;width:220px; position:relative;}
.pro_list li a em{ display:none; position:absolute; border:1px solid #da0c0c; width:208px; height:153px; left:5px; top:5px;}
.pro_list li a:hover em{ display:block}
.pro_list li a:hover p{ background:#da0c0c;}
.nameen{ width:510px; margin:0 auto; text-align:center; color:#222c50; font-size:70px; font-weight:bold; font-family:"Times New Roman", Times, serif; text-transform:uppercase; border-top:1px solid #c6c6c6;}
.nameen span{ display:inline-block; margin-top:-40px; background:#f1f1f1; padding:0 10px;}
.ititle{ width:980px;float:left;text-align:center; padding:0 0 30px 0;}
.ititle p{ text-transform:uppercase;color:#222c50;font:16px/20px 'arial'; }
.ititle span{margin:0px auto 0;width:137px;line-height:40px; color:#da0c0c; display:block; text-align:center; font-size:24px;font-family:'Microsoft Yahei'; font-weight:bold;}
.ititle em{ font-style:normal; color:#222c50;font-size:14px;font-family:'Microsoft Yahei';}


.case{ width:100%; height:520px; background:#f1f1f1; padding:60px 0 0 0;}
.more{ margin:0 auto; width:104px; height:40px; background:#222c50; color:#fff; font-size:14px;font-family:'Microsoft Yahei'; text-align:center; line-height:40px;}
.more a{ color:#fff;}
.casecon{ float:left; width:980px; padding:30px 0 0 0;}
.casecon a{ float:left; width:243px; background:#fff; position:relative; display:inline; margin:0 2px 0 0;}
.casecon a:hover{ background:#da0c0c; color:#fff !important}
.casecon a:hover .triangletop{border-bottom: 10px solid #80c534}
.casecon a:hover .trianglebot{border-top: 10px solid #80c534}
.casecon a:hover .casertxt{background: url(../images/arrow2.gif) no-repeat left bottom;}
.casecon a em{ display:none; width:243px; height:182px; position:absolute; left:0; top:0; background: url(../images/hbg.png) left top repeat; }
.casecon a:hover em{ display:block;}
.caser{ float:left; width:243px; position:relative; padd/ing:25px; height:82px;font:bold 12px/18px 'Microsoft Yahei';background: url(../images/hxing.png) no-repeat center 60px; color:#131313 }
.casecon a:hover .caser{background: url(../images/bxing.png) no-repeat center 60px; color:#fff; }
.caser_t{font:18px/1 'Impact'; margin:9px 0 0 0;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:center;}
.casertxt{ text-align:center; height:25px; font-size:14px; overflow:hidden; color:#222c50; line-height:25px; font-weight:normal;}
.casecon a:hover .casertxt{ color:#fff;}
.casecon a i{ display:none; width:243px; height:182px; position:absolute; left:0; bottom:0; background: url(../images/hbg.png) left top repeat; }
.casecon a:hover i{ display:block;}


.news{ width:980px; margin:0 auto; height:642px; padding:60px 0 0 0;}
.nameen1{ width:210px; margin:0 auto; text-align:center; color:#222c50; font-size:56px; font-family:"Times New Roman", Times, serif; text-transform:uppercase; border-top:1px solid #c6c6c6;}
.nameen1 span{ display:inline-block; margin-top:-30px; background:#fff; padding:0 10px;}
.newscon{ float:left; width:980px; padding:30px 0 0 0;}
.newsleft{ float:left; width:470px; height:389px; background:#0099FF; }
/*本例css*/
.ruibeivip { width: 464px; height: 383px; margin:0; position: relative; overflow:hidden;padding:3px;  }

/*数字按钮样式*/
.ruibeivip .num { overflow:hidden; height: 10px; position: absolute; bottom:20px; right: 145px; zoom:1; z-index:3; width:190px; text-align:center; }
.ruibeivip .num li { font-size:0; width: 9px; height: 9px;  color: #FFFFFF; background: #fff; margin: 0 7px; border-radius:9px; cursor:pointer; display:inline-block;*display:inline;*zoom:1; color:#fff}
.www51buycom .num li.on { background: #222c50; color:#222c50; } /*当前项*/

/*上一个  下一个*/
.ruibeivip .prev,.ruibeivip .next {  width: 22px; height: 36px;  position: absolute; bottom: 3px;}
.ruibeivip .prev { left: 110px;background:url(../images/nne.gif) left top no-repeat; }
.ruibeivip .next { right: 110px; background:url(../images/ppr.gif) left top no-repeat; }
.newsright{ float:right; width:470px;}
.newsright li{ float:left; width:470px; padding:0 0 14px 0;}
.newsright li a img{ float:left; border-right:2px solid #da0c0c;}
.nnr{ float:left; width:467px; /*height:118px;*/ border:1px solid #ededed; border-left:0;}
.newsright li a:hover .nnr{border:1px solid #da0c0c; border-left:0;}
.newsright li .name{ line-height:24px; font-size:14px; font-weight:bold; color:#4e6990; display:block;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding:0 0 0 9px;}
.newsright li a:hover .name{ color:#da0c0c}
.newsright li a em{ display:block; background:url(../images/time.jpg) 11px center no-repeat; font-style:normal; padding:0 0 0 30px; color:#747474}
.nnrcon{ float:left; width:290px; line-height:24px; height:48px; overflow:hidden; color:#747474; padding:10px 0 0 9px;}


.teamr{ float:right; width:350px; line-height:25px; color:#747474;}
.teamr_t{ float:left; width:100%; margin-bottom:5px;}
.teamr_t .fl{ color:#295087; font-size:14px; float:left; width:70%;}
.teamr_t font{ float:right; color:#747474; font-family:'arial'}
.main,.fyMain{ width:980px; margin:0 auto; clear:both; position:relative;}
.fyMain{overflow-x:hidden; overflow-y:auto;padding-bottom:40px; padding-top:30px; min-height:400px;}
/* foot*/
.footclear{ width:100%; clear:both; margin:0 0 0px 0;height:0px; font-size:0; overflow:hidden;}
.foot{width:100%; float:left; min-width:1004px;color:#929292;background: url(../images/footbg.jpg) center top no-repeat; /*height:300px;*/ }
.f_link{ width:100%;height:41px;  line-height:41px;color:#da0c0c; padding:30px 0 0 0;  }
.f_link .main{ position:relative; z-index:999; text-align:center;}
.fmain .f_link a{padding-left:20px; color:#da0c0c;}
.f_link span{  padding-/left:50px; color:#da0c0c;}
.linkbut{ position:absolute; left:0; width:100%; text-align:center; bottom:-15px;}

.site {float:right;width: 150px; margin-bottom:10px;padding-left:35px; font-size:13px;background: url(../images/site.gif) left center no-repeat; padding-right:25px;}
.bottomnav{width:100%; float:left;height:45px; line-height:45px;text-align:center; background:#0099FF;}
.bottomnav ul{width:1004px; margin:0 auto; }
.bottomnav li{color:#ec3726; float:left;width:115px;margin:0 5px;}
.bottomnav li a{ float:left; width:100%;height:45px; line-height:45px; color:#0A0A0A; font-size:14px; font-family:Microsoft Yahei}
.bottomnav li a:hover{ background:#000; color:#fff;}

.fmain{ width:980px; margin:0 auto;}
.bootTxt{ color:#dadada;float:left;width:100%; padding-top:40px;line-height:30px; text-align:center;}
.fmain a{ color:#dadada;}
.share{width:200px; margin: 0 auto; padding:20px 0 ;}
.share a{-webkit-transition: all 0s ease-in-out 0s;-moz-transition: all 0s ease-in-out 0s;transition: all 0s ease-in-out 0s;}
.map{ width:185px; text-align:center; margin:20px auto 0 auto; height:40px; line-height:40px;background:url(../images/map.png) 30px center no-repeat; padding:0 0 0 45px; color:#fff;}
.map a{ color:#fff;}
/*.footleft input:focus,.footleft teaxarea:focus{ border:1px solid #da0c0c;}
*/.inputborder{border:1px solid #da0c0c }

/* 二级页面*/
.telbar{ margin-top:10px;color:#222c50; font:14px/1 'arial'; text-transform: uppercase; text-align: center;}

.vtitle{ width:100%; float:left; padding:60px  0 30px 0;background:#f1f1f1; border-bottom:1px solid #d9d9d9}
.vtitlemain{ hei/ght:74px; width:350px; overflow:hidden; text-align:center; margin:0px auto 0px;}
.vtitlemain span b{white-space:nowrap;font:24px/24px 'Microsoft Yahei'; width:100px; overflow:hidden;color:#da0c0c; margin-top: -10px; display: inline-block; font-weight:bold;}
.vtitlemain span{width:153px;display:block; margin:20px auto 0;}
.vtitlemain font{ color:#222c50;white-space:nowrap; font:16px/1 'Arial'; text-transform:uppercase;}
.vnav{ width:100%; margin-bottom:33px; float:left; background:#da0c0c;text-align:center; padding-top:11px;color:#fff; }
.vnav a{  color:#fff; font-size:14px;}
.vnav a:hover,.vnav a.cur{background: #000;}
.viewnav{ display:none; position:absolute; left:0; padding:15px 0 10px;z-index:99; width:100%;}
.viewnav a{font-size:12px;margin:0 3px; padding:5px;border:0; color:#fff;background:#000;}
.vnav li{ display:inline-block; *display:inline; *zoom:1; border-right:1px solid #fff; margin-right:5px; padding-right:5px; margin-bottom:5px;}
.viewcon{ background: #fff; overflow: hidden; margin: 0 12px 36px; width:940px;display:inline;word-break: break-all; color: #555; font-size: 14px; float:left; padding:0px 20px 20px;line-height:30px; font-size:14px; min-height:500px;_height:500px;}
.membermain{padding-top:20px;}
.pro_txtimg{float:left; margin-bottom:20px; }
.pro_txtimg li{ float:left;width:970px; padding:30px 0 30px 10px; height:167px; background: #fff;margin-/bottom:30px; border-bottom:1px solid #e4e4e4 }
.pro_li_img{float:left; width:220px;}
.proimg,.proimg img{ float:left;}
.pro_txtimg .proimg img{  }
.pro_li_txt{float:right;display:inline;width:700px;padding:0 15px 0 0px; height:163px; color:#787878; line-height:36px; font-size:12px;}
.pro_li_txt p{ float:left; width:100%; line-height:26px; color:#777; height:104px; overflow:hidden;}
.protitle{float:left;width:100%; font:bold 14px/1 "microsoft yahei"; margin:4px 0 10px 0;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;color:#222c50; }
.pro_li_txt span{ width:100%; display:block; color:#777777;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.pro_li_txt a:hover{ color:#222c50}
.news_list{width:980px;font-size:14px;}
.news_list li{ float:left;width:980px;line-height:45px;margin-bottom: 5px;}
.newseven{ background:#eee}
.news_list li a{float:left;width:100%;height:45px; line-height:45px; color:#787878;}
.news_list li a:hover{color: #222c50;}
.news_list li a span{ cursor:pointer;}
.news_list li .fl{width:800px; margin-left:6px; display:inline;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;padding-left:10px; }
.news_list li .fr{ margin-right:10px;font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.news_line{ clear:both;width:687px; height:18px; margin:18px 0;}
.news_list p{ font-size:12px; padding:10px 20px; line-height:20px; color:#ccc;}
/*news_view*/
.viewcon h2{ font-size:18px; font-family:'Microsoft Yahei'; font-weight:normal; color:#222c50; text-align:left;}
.v_title{ color: #da0c0c; font:18px/2 "microsoft yahei"; width: 100%; text-align: center; }
.title_s .divleft{ float:left;}
.title_s .divright{ float:right; padding:0px 0 0 0; width:210px;}
.title_s .divright a{-webkit-transition: all 0s ease-in-out 0s;-moz-transition: all 0s ease-in-out 0s;transition: all 0s ease-in-out 0s;}

.newsview{color:#555;display:inline; width:100%; margin-top:20px;margin-bottom:25px; padding-bottom:15px;font-size:20px; line-height:28px; float:left;}
.viewpage{ background:#eee; width:100%; float:left}
.main_r_nav{ float:left; width:700px;height:66px; padding:10px 0; font-size:14px;margin-left:10px; display:inline; }
.returnlist{ width:50px; height:56px; padding:15px 18px;display:inline;float:right;color:#fff; line-height:30px;font-size:12px;background:#222c50;}
.returnlist a{ color: #fff; text-align:center;font-size:18px; font-family: "microsoft yahei";width: 100%; display: block; }
.main_r_nav p{color:#777777; float:left; width:100%;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; line-height:30px;}
.main_r_nav a:hover{color:#222c50;}
.title_s{ float:left; width:980px; text-align: left; border-bottom:1px solid #e4e4e4; color:#777; margin-bottom:10px;font-size: 12px;line-height:30px; padding:10px 0 0 0; display:inline; margin-bottom:20px;}
.viewcon .center img{ border:1px solid #ccc; margin-bottom:10px; width:auto; max-width:600px;_width:expression(this.width > 600 ? "600px" : this.width);overflow:hidden; }

/* page*/
.page{margin-top:15px; font-size:14px;float:left; width:100%; line-height: 34px; text-align:center; color:#222c50;}
.page a { color:#222c50; padding:0 10px; margin:0 5px;border: 1px solid #da0c0c; background: #fff;}
.page *{ display:inline-block; _zoom:1;_display:inline;vertical-align:middle;line-height:32px;height:32px;padding-bottom:1px; }
.page a:hover {color:#222c50; }
.page img{ height: auto; margin:0 3px;}
.page .bg{ font-weight: normal; background:#222c50; color:#fff;border: 1px solid #222c50; margin:0 5px;}
.page a.bg:hover{ color:#fff;}
.page .disabled{padding:0 10px; color: #c5c5c5; border: 1px solid #d5d5d5; background: #fff; }
.page .current {display:inline-block;border: 1px solid #222c50; font-weight: bold; padding:0 10px;  color:#fff; background:#222c50;}
.total{text-align:center;height:32px; line-height:32px;}
.reach{text-align:left; padding-left:5px; height:32px; line-height:32px;}
.btn{ width:36px;}
.btn a{ background: #222c50; color: #fff; line-height: 34px; width: 64px; height: 34px; text-align: center; border:1px solid #222c50}
.btn a:hover{color: #fff;}
.input_page{ width:30px;height:32px; text-align:center; border:1px solid #1a1d22; font-size:12px; line-height:32px;}
.arrow_l{
border:10px solid #000; margin-top: 10px;; display: inline; border-color:#f00 transparent transparent transparent; border-style:solid dashed dashed dashed;}
/* search*/
.searchnull{ float:left; text-align:center; width:100%; padding:3% 0; font-size:14px;}
.searchnull font{ color:#F00; font-size:14px;}
.searchmore{ float:left; width:92%; background:#efefef; text-align:center;margin:10px 20px;_margin:10px ; border:1px solid #dbd6f1}
.searchmore a{ line-height:25px; color:#333;}
.input_title{ background:none; line-height:30px;height:30px; padding-left:7px;}
/* book*/
.book{ float:left; padding-left:120px;}
.bookmain{width:738px; margin:20px auto;height:auto;background:#fff;; overflow:auto; }
.bookline{width: 738px; height:34px;float:left; margin-top:10px;}
.book3{ width:738px; margin:0 auto;}
.booktop{ width:738px; height:30px; margin-bottom: 10px;; float:left; background:url(../images/bookico.png) no-repeat 10px 7px; }
.booktop_name{ width:470px; height:30px; float:left; padding-left:30px; line-height:30px; font-weight:bold; color:#222c50}
.booktop_time{ width:150px; height:30px; float:right; color:#999; text-align:right; line-height:30px;}
.bookcontent{ width:718px; margin-bottom: 20px;; min-height:40px; height: auto!important;float:left;
 border:1px solid #1a1d22; border-radius: 3px;; padding:10px; color:#1a1d22;}
.bookadmin{ width:650px; height:auto; float:left; }
.bookcon_a{color: #222c50;}
.bookcon_a b{color: #222c50; font-w/eight: normal;}
.bookcon_t{ border-bottom:1px solid #1a1d22; width: 100%; color: #1a1d22;}
.bookadmin_top{ width:650px; height:12px; float:left;}
.bookadmin_mid{ width:610px; min-height:30px; background:#fff; height: auto!important; height:30px; border-left:1px solid #d6deef; border-right:1px solid #d6deef; border-bottom:1px solid #d6deef; float:left; padding:10px; color:rgb(30,54,1);}
.admintimecol{ color:#5e7194;}

.c_red{ color:#f00;}
.searchred{ color:#f00 !important; margin:0 !important}
/* hr*/
.hrBox{ width:834px; float: left;  min-height:91px; _height:91px; border:1px solid #dbdbdb; margin-bottom:20px;  
background:#efefef; margin-left:94px;_margin-left:47px; } 
.hrBoxL{ width:100px; float:left; text-align:center;  }
.hrBoxL li{ width:100px; min-height:30px; _height:30px; line-height:30px;border-bottom:1px #dbdbdb solid;vertical-align: bottom}
.jobName{ width:380px; float:left;}
.hrBtn{ width:100px; float:left; text-align:center; padding-top:3px;}
.hrBoxL li.haode{ border-bottom:none;}
.hrBoxR{ width:733px; float:left; text-align:left; border-left:1px solid #dbdbdb;}
.hrBoxR li{ width:708px; min-height:30px; _height:30px; line-height:30px; border-bottom:1px #dbdbdb solid; padding-left:15px; vertical-align: bottom; padding-right:10px;}
.hrBoxR li.topline{ overflow:hidden; height:30px;}
.hrBoxR li.topline img{ margin-top:3px;}
.hrBoxR li.haode{ border-bottom:none;}
.hrTable{ width:614px; float:left; height:440px; background:#efefef; border:1px solid #dbdbdb;margin-left:35px;_margin-left:17px;}
.tableTitle{ width:614px; height:36px; text-align:center; line-height:36px; border-bottom:1px solid #dbdbdb; font-weight:bold;}
.lineOne{ height:30px; line-height:30px; border-bottom:1px solid #dbdbdb; width:614px;}
.lineOneL{ width:94px; float:left; text-align:center; border-right:1px solid #dbdbdb;}
.lineOneR{ width:509px; float:left; padding-left:10px;}
.tableMainL{ width:94px; float:left; border-right:1px solid #dbdbdb; text-align:center;}
.tableMainL li{ width:94px; height:30px; line-height:30px; border-bottom:1px solid #dbdbdb;}
.tableMainR{ width:211px; float:left; border-right:1px solid #dbdbdb; text-align:left; }
.tableMainR li{ width:206px; height:30px; line-height:30px; border-bottom:1px solid #dbdbdb; padding-left:5px; vertical-align: bottom;}
.tableMainR li span{display:inline-block;}
.tableMainRno{ width:212px; float:left; text-align:left;}
.tableMainRno li{ width:207px; height:30px; line-height:30px; border-bottom:1px solid #dbdbdb; padding-left:5px; vertical-align: bottom;}
.tableMainRno li span{display:inline-block;}
.input_hr{ width:126px; height:17px; line-height:17px; padding:0px; vertical-align:middle; font-size:12px; border:1px solid #dbdbdb;}
.sel_hr{ width:130px; height:20px; line-height:20px; padding:0px; vertical-align:middle; font-size:12px; }
.bottomLine{ width:614px; height:123px; border-bottom:1px solid #dbdbdb; }
.lineBootL{ width:94px; height:123px; border-right:1px solid #dbdbdb; text-align:center; float:left;}
.lineBootR{ width:509px; float:left; padding-left:10px;  height:123px;}
.are_hr{ width:470px; height:80px; margin-top:11px;}
.hr_btn{ width:614px; height:31px; line-height:31px; background:#222c50; color:#fff;}
.hr_btnL{ width:310px; float:left; border-right:1px solid #dbdbdb; text-align:center; height:31px;}
.hr_btnR{ width:300px; float:left; text-align:center; }

/* hr */
.hr{ margin:10px auto; width:95%;font-size:12px;line-height:24px; border:1px #CCC solid;border-collapse: collapse; background:#efefef; }
.hr td{border:1px #CCC solid;border-collapse: collapse; line-height:2;}
.hr input,.hr textarea{ line-height:1.8; height:25px; border:1px solid #ccc;}
.hr input[type=radio]{ height:auto; border:0; vertical-align:middle}
.hr a{ color:#333;}
.hr a:hover{ color:#de0303;}
.hr_btn{width:100px; height:40px; font-size:12px;}
#hrform{ float:left; width:100%;}

.message{ float:left; padding-left: 100px;;}
.message input,.message textarea{ margin-left:15px;float:left; margin-bottom:14px;border: 1px solid #1a1d22; border-radius: 2px; line-height: 32px;height: 32px; text-indent: 10px; color: #1a1d22;}
.message textarea{ height: 177px;}
.yzm{ width: 747px;;}.yzm .fl{ margin-left: 15px;}
.message .subbut{ border:0;background: #222c50; border-radius: 3px;; width: 442px; height: 32px; line-height: 32px; color: #fff; font-size: 18px; font-family: "microsoft yahei";}

.c_red{ color:#f00;}
.searchred{ color:#f00 !important; margin:0 !important}